// pages/problem/problem.js
const api = require('../../util')
Page({

  /**
   * 页面的初始数据
   */
  data: {
      // 显示的下标
  showIndex: false,
  // 数据源
    questList: []
  },
  // 富文本点击事件 得不到点击的是第几张图片 每次点击从第一张开始展示 
  // *弃用rich-text 使用mp-html源码引入
  richTextClick() {
    // 富文本
    const richContent = this.data.questList[this.data.showIndex].content;
    // 判断含有图片
    if (richContent.indexOf("src") >= 0) {
      const imgs = [];
      richContent.replace(/]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) {
        imgs.push(capture);
      })
      wx.previewImage({
        current: imgs[0], // 当前显示图片的http链接
        urls: imgs
      })
    }
  },
  // 获取常见问题
  GetProblemList() {
    var that = this
      api.http('/user/GetProblemList', 'POST', false, {
      }, function (res) {
          if(res.code == 200) {
            for (let index = 0; index < res.data.length; index++) {
              if (index == 0) {
                res.data[0].t = true
              } else {
                res.data[index].t = false
              }

              const regex = new RegExp('<img src="'); // 正则判断
              if(regex.test(res.data[index].content)){
                  const app = getApp();
                  res.data[index].content = res.data[index].content.replace(/\<img src="/gi, `<img src="${app.globalData.richimgurl}`);
              }

              // const imgRegEx = /<img.*?>/gi;
              // // 要处理的富文本字符串
              // const richText = res.data[index].content
              // // 将所有 img 标签替换为带有 max-width:100% 样式属性的 img 标签
              // res.data[index].content = richText.replace(imgRegEx, (match) => {
              //     // 判断该 img 标签是否已经包含了 max-width 样式
              //     if (match.indexOf('max-width:') === -1) {
              //         // 如果没有，就在 img 标签里添加 max-width 样式
              //         return match.replace(/<img/, '<img style="max-width:100%;"');
              //     } else {
              //         // 如果已有 max-width 样式，就不做修改
              //         return match;
              //     }
              // });

            }
            that.setData({
              questList: res.data
            })
          }
      })
  },
  changOpen(e) {
    var arr = this.data.questList
    for (let index = 0; index < arr.length; index++) {
      if (e.currentTarget.dataset.index!=index) {
        arr[index].t = false
      }
    }
    this.setData({
      questList: arr
    })
      this.data.questList[e.currentTarget.dataset.index].t = !this.data.questList[e.currentTarget.dataset.index].t
      this.setData({
        questList: this.data.questList
      })
      if (e.currentTarget.dataset.index != this.data.showIndex) {
        this.setData({
          showIndex: e.currentTarget.dataset.index,
        })
      } else {
        this.setData({
          showIndex: 100000
        })
      }
  },
  btn() {
      return
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.GetProblemList()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  // onShareAppMessage() {

  // }
})